<template>
  <el-cascader
    :options='options'
    @change='handleChange'
    v-model='value'
  >
  </el-cascader>
</template>

<script>
export default {
  data:function(){
    return {
      value:[],
      options:[
        {
          value:'1',
          label:'第一层',
          children:[
            {
              value:"1-1",
              label:'第一层-第一层',
              children:[
                {
                  value:"1-1-1",
                  label:'第一层-第一层-第一层',
                },
                {
                  value:'1-1-2',
                  label:'第一层-第一层-第二层'
                }
              ]
            }
          ]
        },
        {
          value:'2',
          label:'第二层',
          children:[
            {
              value:'2-1',
              label:'第二层-第一层'
            }
          ]
        }
      ]
    }
  },
  methods:{
    handleChange(value){
      console.log('现在选中的数据是',value)
    }
  }
}
</script>